.bottom-center {
    height: 100%;
    width: 900px;
    padding: 11px;
    background-color: rgba(5, 39, 92, 0.7);

    .bottom-center-title {
        height: 34.64px;
        background: url('/assets/images/homepage/communtity/ranktitle.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color: #FFFFFF;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .bottom-center-content {
        margin-top: 4px;
        height: 34.64px;
        background: url('/assets/images/homepage/communtity/rankcontent.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color: #E2F8FF;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
}

.bottom-center-col {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.col1 {
    width: 10%;
}

.col2 {
    width: 10%;
}

.col3 {
    width: 8%;
}

.col4 {
    width: 10%;
}

.col5 {
    width: 10%;
}

.col6 {
    width: 21%;
}

.col7 {
    width: 12.5%;
}

.col8 {
    width: 10%;
}